<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="shotcut icon" href="favicon.ico">
    <title>京东——今日购，今日达</title>
    <meta name="Keywords" content="京东,商城,网上商城"/>
    <meta name="Description" content="京东——今日购，今日达"/>
    <script src="js/jquery-1.js"></script>
    <style>
        #pop {
            width: 454px;
            position: absolute;
            border: 1px solid #f7f7f7;
        }

        #pop li {
            line-height: 20px;
            background-color: #f7f7f7;
            font: 12px/22px "yahei";
        }

        #pop li:hover {
            background-color: #e0e0e0;
        }
    </style>
</head>
<body>
<!--顶部快捷导航 开始-->
<div class="top">
    <div class="w">
        <div class="top_l fl">送至：北京
            <i><s>◇</s></i>
        </div>
        <div class="top_r fr">
            <ul>
                <li><a href="#">你好，请登录</a></li>
                <li class="line"></li>
                <li><a class="stylered" href="#">免费注册</a></li>
                <li class="line"></li>
                <li><a href="#">我的订单</a></li>
                <li class="line"></li>
                <li class="top_l"><a href="#">我的京东</a>
                    <i><s>◇</s></i>
                </li>
                <li class="line"></li>
                <li><a href="#">京东会员</a></li>
                <li class="line"></li>
                <li><a href="#">企业采购</a></li>
                <li class="line"></li>
                <li class="top_l"><a href="#" class="mobile">手机京东</a>
                    <i><s>◇</s></i>
                </li>
                <li class="line"></li>
                <li class="top_l"><a href="#">关注京东</a>
                    <i><s>◇</s></i>
                </li>
                <li class="line"></li>
                <li class="top_l"><a href="#">客户服务</a>
                    <i><s>◇</s></i>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--顶部快捷导航 结束-->
<!--logo开始-->
<div class="logo w">
    <div class="lg fl"><a class="img fl" href="#" title="京东，今日购，今日达"><h1>京东——今日购，今日达</h1></a></div>
    <div class="search fl" id="box">
        <label><input class="input fl" type="text" value="手环" id="inp"/></label>
        <label><input class="sub" type="submit"/></label>
    </div>
    <div class="car fr">
        <a href=""><span>我的购物车</span><b>2</b><i>></i></a></div>
    <div class="hotwords fl">
        <a class="stylered" href="#">限时抢购</a>
        <a href="#">领免息券</a>
        <a href="#">4件9折</a>
        <a href="#">咖啡麦片</a>
        <a href="#">毛妮大衣</a>
        <a href="#">小米note</a>
        <a href="#">199减100</a>
        <a href="#">卫生巾</a>
    </div>
</div>
<!--logo结束-->
<!--导航开始-->
<div class="nav clearfix">
    <div class="w">
        <div class="nav_l fl">
            <div class="allcut">全部商品分类</div>
            <div class="detail fl">
                <ul>
                    <li>
                        <a href="#">家用电器</a>
                        <i class="fr"> > </i>
                    </li>
                    <li>
                        <a href="#">手机、运营商、数码</a>
                        <i class="fr"> > </i>
                    </li>
                    <li>
                        <a href="#">电脑办公</a>
                        <i class="fr"> > </i>
                    </li>
                    <li>
                        <a href="#">家居、家具、厨具、家装</a>
                        <i class="fr"> > </i>
                    </li>
                    <li>
                        <a href="#">男装、女装、童装、内衣</a>
                        <i class="fr"> > </i>
                    </li>
                    <li>
                        <a href="#">个护化妆、清洁用品、宠物</a>
                        <i class="fr"> > </i>
                    </li>
                    <li>
                        <a href="#">鞋靴、箱包、珠宝、奢侈品</a>
                        <i class="fr"> > </i>
                    </li>
                    <li>
                        <a href="#">运动、户外、钟表</a>
                        <i class="fr"> > </i>
                    </li>
                    <li>
                        <a href="#">汽车、汽车用品</a>
                        <i class="fr"> > </i>
                    </li>
                    <li>
                        <a href="#">母婴、玩具乐器</a>
                        <i class="fr"> > </i>
                    </li>
                    <li>
                        <a href="#">医药、保健</a>
                        <i class="fr"> > </i>
                    </li>
                    <li>
                        <a href="#">图书、电子书、音像</a>
                        <i class="fr"> > </i>
                    </li>
                    <li>
                        <a href="#">彩票、旅行、充值、票务</a>
                        <i class="fr"> > </i>
                    </li>
                    <li>
                        <a href="#">理财、众筹、保险、白条</a>
                        <i class="fr"> > </i>
                    </li>
                </ul>
            </div>
        </div>
        <div class="nav_r fl">
            <a href="#">服装城</a>
            <a href="#">美妆馆</a>
            <a href="#">京东超市</a>
            <a href="#">生鲜</a>
            <a href="#">全球购</a>
            <a href="#">闪购</a>
            <a href="#">团购</a>
            <a href="#">拍卖</a>
            <a href="#">金融</a>
        </div>
    </div>
</div>
<!--导航结束-->
<!--焦点图 开始-->
<div class="focus w">
    <div class="focus_r fr">
        <div class="quik"><h3>京东快报</h3><a href="#">更多&nbsp;&nbsp;></a></div>
        <div class="news">
            <ul>
                <li><a class="stylered" href="#"><span>[特惠]</span>特惠酬宾，新老顾客大优惠！</a></li>
                <li><a href="#"><span>[公告]</span>刘强东和奶茶妹的爱情故事</a></li>
                <li><a href="#"><span>[众筹]</span>小米只能家居产品众筹</a></li>
                <li><a href="#"><span>[限购]</span>京东超市尿片限时抢购</a></li>
                <li><a href="#"><span>[秒抢]</span>每日9点整开枪，还不快来</a></li>
            </ul>
        </div>
        <div class="quiknews">
            <ul>
                <li><a href="#"><i class="li1"></i>话费</a></li>
                <li><a href="#"><i class="li5"></i>彩票</a></li>
                <li><a href="#"><i class="li9"></i>众筹</a></li>
            </ul>
            <ul>
                <li><a href="#"><i class="li2"></i>机票</a></li>
                <li><a href="#"><i class="li6"></i>加油卡</a></li>
                <li><a href="#"><i class="li10"></i>理财</a></li>
            </ul>
            <ul>
                <li><a href="#"><i class="li3"></i>电影票</a></li>
                <li><a href="#"><i class="li7"></i>酒店</a></li>
                <li><a href="#"><i class="li11"></i>礼品卡</a></li>
            </ul>
            <ul class="focusul">
                <li><a href="#"><i class="li4"></i>游戏</a></li>
                <li><a href="#"><i class="li8"></i>火车票</a></li>
                <li><a href="#"><i class="li12"></i>白条</a></li>
            </ul>
        </div>
        <div class="adimg"><a href="#"></a></div>
    </div>
    <div class="focus_c fr">
        <a href="#"><img src="img/focus.jpg" alt="京东-今日购今日达" title="京东-今日购今日达"/></a>

        <div class="rox">
            <ul>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
            </ul>
        </div>
        <div class="arrow">
            <div class="arrow_l"><a href="!:"> < </a></div>
            <div class="arrow_r"><a href="!:"> > </a></div>
        </div>
    </div>
</div>
<!--焦点图 结束-->
<!--播放按钮  三角形制作-->
<div class="bigad w">
    <div class="box3"></div>
    <div class="box1">点击播放
        <div class="box2"></div>
        <div class="smallbox"></div>
        <div class="smallad"></div>
    </div>
    <div class="box4"></div>
</div>
<!--底部模块 开始-->
<div class="bottomkuai clearfix">
    <div class="w">
        <div class="slo1"><img src="img/slo1.png" alt="多快好省"/></div>
        <div class="slo2"><img src="img/slo2.png" alt="多快好省"/></div>
        <div class="slo3"><img src="img/slo3.png" alt="多快好省"/></div>
        <div class="slo4"><img src="img/slo4.png" alt="多快好省"/></div>
    </div>
    <!--底部模块 结束-->
</div>
<!--底部链接开始-->
<div class="bottomlinks w">
    <ul>
        <h3>购物指南</h3>
        <li><a href="#">购物流程</a></li>
        <li><a href="#">会员介绍</a></li>
        <li><a href="#">生活旅行/团购</a></li>
        <li><a href="#">常见问题</a></li>
        <li><a href="#">大家电</a></li>
    </ul>
    <ul>
        <h3>配送方式</h3>
        <li><a href="#">上门自提</a></li>
        <li><a href="#">211限时达</a></li>
        <li><a href="#">配送服务查询</a></li>
        <li><a href="#">配送费收取标准</a></li>
        <li><a href="#">海外配送</a></li>
    </ul>
    <ul>
        <h3>支付方式</h3>
        <li><a href="#">货到付款</a></li>
        <li><a href="#">在线支付</a></li>
        <li><a href="#">分期付款</a></li>
        <li><a href="#">邮局汇款</a></li>
        <li><a href="#">公司转账</a></li>
    </ul>
    <ul>
        <h3>售后服务</h3>
        <li><a href="#">售后政策</a></li>
        <li><a href="#">价格保护</a></li>
        <li><a href="#">退款说明</a></li>
        <li><a href="#">返修/退换货</a></li>
        <li><a href="#">取消订单</a></li>
    </ul>
    <ul>
        <h3>特色服务</h3>
        <li><a href="#">夺宝岛</a></li>
        <li><a href="#">DIY装机</a></li>
        <li><a href="#">延保服务</a></li>
        <li><a href="#">京东E卡</a></li>
        <li><a href="#">京东通信</a></li>
    </ul>
    <ul class="position">
        <h3>京东自营覆盖区县</h3>
        <li>京东已面向全国2564个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。
            <p><a href="#">查看详情>></a></p>
        </li>
    </ul>
</div>
<!--底部链接结束-->
<!--底部版权开始-->
<div class="copy w">
    <div>
        <a href="#">关于我们</a>&nbsp;|
        <a href="#">联系我们</a>&nbsp;|
        <a href="#">联系客服</a>&nbsp;|
        <a href="#">商家入驻</a>&nbsp;|
        <a href="#">营销中心</a>&nbsp;|
        <a href="#">手机京东</a>&nbsp;|
        <a href="#">友情链接</a>&nbsp;|
        <a href="#">销售联盟</a>&nbsp;|
        <a href="#">京东社区</a>&nbsp;|
        <a href="#">风险监控</a>&nbsp;|
        <a href="#">京东公益</a>&nbsp;|
        <a href="#">English Site</a>&nbsp;|
        <a href="#">Contact Us</a>&nbsp;|
    </div>
    <div class="copy_m">
        <a class="police" href="#">京公网安备 110000020000088号</a>&nbsp;|&nbsp;
        <a href="#">京ICP证070359号</a>&nbsp;|&nbsp;
        <a href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>&nbsp;|&nbsp;
        <a href="#">新出发京零字第大120007号</a></br>
        <a href="#">互联网出版社许可证编号新出网证(京)字150号</a>&nbsp;|&nbsp;
        <a href="#">出版物经营许可证</a>&nbsp;|&nbsp;
        <a href="#">网络文化经营许可证京网文(2014)2148-348号</a>&nbsp;|&nbsp;
        <a href="#">违法和不良信息举报电话：4006561155</br>Copyright?2004-2016 京东JD.com版权所有</a>&nbsp;|&nbsp;
        <a href="#">消费者维权热线:4006067733</br>京东旗下网站：京东钱包</a>
    </div>
    <div class="copy_b">
        <img src="img/jy.png" alt="诚信网站"/>
        <img src="img/jy.png" alt="诚信网站"/>
        <img src="img/jy.png" alt="诚信网站"/>
        <img src="img/jy.png" alt="诚信网站"/>
        <img src="img/jy.png" alt="诚信网站"/>
        <img src="img/jy.png" alt="诚信网站"/>
    </div>
</div>
<!--底部版权结束-->
<!--script部分 开始-->
<!--搜索框特效-->

<!--搜索框特效-->
<!--script部分 结束-->
</body>
</html>